import React, { Component } from 'react'
import './AttrList.scss'

export default class AttrList extends Component {
  componentDidMount() { }
  render() {
    const { attrList } = this.props.productDetail
    return (
      <div className="attrList" >
        <div className="tt">商品参数</div>
        {
          attrList.map(v => (

            <div className="item" key={v.attrName}>
              <div className="left">{v.attrName}</div>
              <div className="right">
                <div className="con" dangerouslySetInnerHTML={{ __html: v.attrValue }}></div>
              </div>
            </div>
          ))}
      </div>
    )
  }
}
